<template>
  <div class="test" >
    <right :value="data" @select="handelclick"/>
  </div>
</template>

<script>
import right from './rightmenu.vue';
export default {
    components:{
        right,
    },
    data(){
        return {
            data:[{
                name:'a',
                isselect:false,
            },
            {
                name:'b',
                children:[{
                    name:'b-1',
                    isselect:false,
                },
                {
                    name:'b-2',
                    isselect:false,
                    children:[{
                        name:'b-2-1',
                        isselect:false,
                    },
                    {
                        name:'b-2-2',
                        isselect:false,
                    }
                ]
                }
            ],
                isselect:false,
            },
            {
                name:'c',
                isselect:true
            }
        ]
        }
    },
    methods:{
        handelclick(item){
            console.log(item);
        }
    }
}
</script>

<style>

</style>